/**
 * Created by hxsd on 2016/7/21.
 */
$(function(){
$(".textList li:eq(1)").on("click",function(){
    $(".shushi").css("display","block");
    $(".gaodian").css("display","none");
    $(".solar").css("display","none");
    $(".textList li:eq(1) a").addClass("active");
    $(".textList li:eq(0) a").removeClass("active");
    $(".textList li:eq(2) a").removeClass("active");
    $(".shushi .cooked_one").animate({right:"0"},1500);
    $(".shushi .cooked_two").animate({left:"0"},1500);
    $(".shushi .cooked_three").animate({right:"0"},1500);
    $(".shushi .cooked_four").animate({left:"0"},1500);
    $(".shushi .cooked_five").animate({right:"0"},1500)
   });
    $(".textList li:eq(0)").on("click",function(){
        $(".shushi").css("display","none");
        $(".gaodian").css("display","block");
        $(".solar").css("display","none");
        $(".textList li:eq(0) a").addClass("active");
        $(".textList li:eq(1) a").removeClass("active");
        $(".textList li:eq(2) a").removeClass("active");
    });
    $(".textList li:eq(2)").on("click",function(){
        $(".shushi").css("display","none");
        $(".gaodian").css("display","none");
        $(".solar").css("display","block");
        $(".textList li:eq(2) a").addClass("active");
        $(".textList li:eq(1) a").removeClass("active");
        $(".textList li:eq(0) a").removeClass("active");
        $(".solar_list").each(function(index){
            var x=$(this);
            setTimeout(function(){
                x.animate({
                    opacity:1,
                    filter:"Alpha(opacity=100)",
                    marginTop:"0"
                },800)
            },800*(index+1))
        });
    });


  $(".gaodian .cooked_one").animate({right:"0"},1500);
    $(window).scroll(function(){
        if($(window).scrollTop()>200){
            $(".gaodian .cooked_two").animate({left:"0"},1500)
        }
        if($(window).scrollTop()>400){
            $(".gaodian .cooked_three").animate({right:"0"},1500)
        }
        if($(window).scrollTop()>600){
            $(".gaodian .cooked_four").animate({left:"0"},1500)
        }
        if($(window).scrollTop()>800){
            $(".gaodian .cooked_five").animate({right:"0"},1500)
        }
    })
});